<template>
    <div id="app">
        <h1>Hello Word!</h1><br/>
        <p>
            <!-- 路由连接 -->
             <RouterLink to="/Home" >首页</RouterLink>
             <RouterLink :to="{path:'/Work'}" >工作台</RouterLink>
             <RouterLink :to="{name:'UserPage'}"  >个人中心</RouterLink>
           
        </p>
    </div><br/>
    <div class="content">
        <RouterView/><!-- 路由出口 -->
    </div>
</template>

<script setup lang="ts">

</script>

<style>
 a{
    margin: 10px;
 }
 .content{
    background-color: yellowgreen;
    widows: 10%;
    height: 400px;
    border: 1cap;
    border-radius: 10px;

 }
</style>